/**
 * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
 * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
 *
 * Use of this source code is governed by an MIT-style license.
 *
 * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
 * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
 * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
 *
 */
.wave_container,
.wave_radar_container,
.wave_chart_container {
  width: 100%;
  height: 100%;
  position: relative;
}

.wave_svg_container {
  overflow: visible;
  position: absolute;
  transform: translate(-50%, -50%);
}


.wave_dom_container,
.loading_dom {
  position: absolute;
  transform: translate(-50%, -50%); 
  width: 144px;
  height: 144px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ffffff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}

.wave_inner_container {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 144px;
  height: 144px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.wave_loading_container {
  position: absolute;
  transform: translate(-50%, -50%);
  font-size: 0;
  display: none;
}

.loading_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  animation: rotateLoading 1s linear infinite;
}

@keyframes rotateLoading {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.wave_center_content {
  text-align: center;
}

.wave_mainText {
  line-height: 1;
}

.wave_value {
  font-size: 72px; 
  color:var(--wave-text-color)
}

.wave_unit {
  font-size: 14px;   
  color:var(--wave-text-color)
}

.wave_subText {
  font-size: 14px;
  color:var(--wave-subtext-color)
}